<template>
  <div class="b">
    <h2>B 组件</h2>
    <h4>{{ Flag }}</h4>
  </div>
</template>

<script setup lang="ts">
import { ref } from "vue";
import Bus from "./Bus";

const Flag = ref(false);

Bus.on("on-click", (flag: boolean) => {
  Flag.value = flag;
});
</script>

<style scoped>
.b {
  width: 100%;
  height: 100px;
  background-color: yellowgreen;
  margin-top: 10px;
}
</style>
